<template>
  <div>
      <div class="login_top clearfix">
        <a href="index.html" class="login_logo"><img src="/static/images/logo02.png"></a>
    </div>
    <div class="login_form_bg" id='app'>
        <div class="login_form_wrap clearfix">
            <div class="login_banner fl"></div>
            <div class="slogan fl">商品美 · 种类多 · 欢迎光临</div>
            <div class="login_form fr">
                <div class="login_title clearfix">
                    <a href="javascript:;" class="cur">账户登录</a>
                </div>
                <div class="form_con">
                    <div class="form_input cur">
                     
                        <form id="login-form" @submit.prevent="login">
                            <input type="text" v-model="username" name="" class="name_input" placeholder="请输入用户名或手机号">
                            <!-- <div v-show="error_username" class="user_error" v-cloak>请填写用户名或手机号</div> -->
                            <input type="password" v-model="password" name="pwd" class="pass_input" placeholder="请输入密码">
                            <!-- <div v-show="error_pwd" class="pwd_error" v-cloak>{{ error_pwd_message }}</div> -->
                            <div class="more_input clearfix">
                                <input type="checkbox" v-model="remember">
                                <label>记住登录</label>
                                <a href="/find_password.html">忘记密码</a>
                            </div>
                            <input type="submit" name="" value="登 录" class="input_submit">
                        </form>
                    </div>
                </div>
                <div class="third_party">
                    <a class="qq_login">QQ</a>
                    <a href="#" class="weixin_login">微信</a>
                    <a href="/register.html" class="register_btn">立即注册</a>
                </div>

            </div>
        </div>
    </div>
    <myfooder></myfooder>
  </div>
</template>

<script>
import axios from 'axios'
import myfooder from '../components/Fooder'
export default {
    components: {
        'myfooder': myfooder
    },
    data() {
        return {
            username:'',
            password:'',
            remember:1,
            base_url:'http://127.0.0.1:8000'
        }
    },
    methods: {
        login(){
            let form_data = new FormData()
            // 添加数据
            form_data.append("username",this.username)
            form_data.append("password",this.password)
            //发送请求  往后台接口发送请求
            axios({
                url:this.base_url + '/users/login',
                method: 'post',
                data: form_data
            }).then(res => {
                console.log(res)
                console.log(res.data)
            })
        }
    },
}
</script>

<style>

</style>